//  引入VUE和VUEx 注册 创建对象 导出
import Vuex from 'vuex'

import Vue from 'vue'

Vue.use(Vuex)

//  创建vuex的对象
var store = new Vuex.Store({
// 用于获取共享的数据
  state: {
    // 要共享的数据 只有两个 name/photo
    name: window.sessionStorage.getItem('name'),
    photo: window.sessionStorage.getItem('photo')
  },
  // 用于修改共享的数据
  mutations: {
    // 修改方法(stt就代表本身的state对象,被更新的数据参数)
    upName (stt, arg) {
      window.sessionStorage.setItem('name', arg)
      stt.name = window.sessionStorage.getItem('name')
    },
    upPhoto (stt, arg) {
      window.sessionStorage.setItem('photo', arg)
      stt.photo = window.sessionStorage.getItem('photo')
    },
    clearNamePhoto (stt) {
      window.sessionStorage.clear()
      stt.name = ''
      stt.photo = ''
    }
  }
})

// 把store做导出操作
export default store
